<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="UTF-8">
    <title>FontEditor</title>
    <link rel="shortcut icon" href="dep/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="./dep/bootstrap/css/bootstrap.min.css">
<link href="css/index-6c775ed3.css" rel="stylesheet"></head>
<body>

    <section class="navbar" role="navigation">
        
        <div class="action-groups btn-groups">

            <button data-action="add-new" type="button" class="btn btn-flat btn-new btn-sm"><i class="ico ico-left i-add"></i>New Glyph</button>
            <i class="split"></i>

            <button data-disabled="1" data-action="undo" type="button" class="btn btn-flat btn-ico" title="Undo"><i class="ico i-undo"></i></button>
            <button data-disabled="1" data-action="redo" type="button" class="btn btn-flat btn-ico" title="Redo"><i class="ico i-redo"></i></button>
            <i class="split"></i>

            <div class="btn-group">
                <button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
                    Import
                    <span class="ico i-down"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li data-disabled="1" data-action="import"  title="Import svg font or svg file"><a>Import svg</a></li>
                    <li data-disabled="1" data-action="import-pic"  title="Import image with glyph"><a>Import Image</a></li>
                    <li data-disabled="1" data-action="import"  title="Import ttf,woff,eot,otf font"><a>Import Font</a></li>
                    <li data-action="add-online"><a>Open Online Font</a></li>
                    <li data-action="add-url"><a>Open Font from URL</a></li>
                    <li data-action="sync-from-server"><a>Sync Font From Server</a></li>
                </ul>
            </div>
            <i class="split"></i>

            <a data-disabled="1" id="export-btn" href="#" data-action="export" data-type="ttf" class="btn btn-flat btn-ico" title="Export ttf"><i class="ico i-ttf"></i></a>
            <a data-disabled="1" id="export-btn-woff" href="#" data-action="export" data-type="woff" class="btn btn-flat btn-ico" title="Export woff"><i class="ico i-woff"></i></a>
                        <a data-disabled="1" id="export-btn-woff" href="#" data-action="export" data-type="woff2" class="btn btn-flat btn-ico" title="Export woff2"><i class="ico i-woff2"></i></a>
            <a data-disabled="1" id="export-btn-zip" href="#" data-action="export" data-type="zip" class="btn btn-flat btn-ico" title="Export zip file, including ttf,woff,woff2,eot,svg font and examples."><i class="ico i-zip"></i></a>
            <i class="split"></i>

            <button data-disabled="1" data-action="save" type="button" class="btn btn-flat btn-sm"><i class="ico ico-left i-save"></i>Save Project</button>

            <div class="btn-group">
                <button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
                    Tools
                    <span class="drop ico i-down"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li><a data-disabled="1" data-action="setting-glyf-name">Generate Glyph Name</a></li>
                    <li><a data-disabled="1" data-action="setting-glyf-clearname">Clear Glyph Name</a></li>
                    <li><a data-disabled="1" data-action="setting-optimize">Optimize Glyph</a></li>
                    <li><a data-disabled="1" data-action="setting-sort">Sort Glyph by Unicode</a></li>
                    <li><a data-disabled="1" data-action="setting-compound2simple">Composite Glyph to Simple Glyph</a></li>
                </ul>
            </div>

            <div class="btn-group">

                <button type="button" class="btn btn-flat btn-sm dropdown-toggle" data-toggle="dropdown">
                    Setting
                    <span class="drop ico i-down"></span>
                </button>

                <ul class="dropdown-menu" role="menu">
                    <li><a data-disabled="1" data-action="setting-name">Font Info</a></li>
                    <li><a data-disabled="1" data-action="setting-metrics">Metrics</a></li>
                    <li><a data-action="setting-editor">Editor Setting</a></li>
                    <li><a data-action="setting-import-and-export">Import and Export</a></li>
                </ul>
            </div>

            <i class="split"></i>

            <div class="btn-group">

                <button type="button" class="btn btn-flat btn-preview btn-sm dropdown-toggle" data-toggle="dropdown">
                    Preview
                    <span class="drop ico i-down"></span>
                </button>

                <ul class="dropdown-menu" role="menu">
                    <li><a data-disabled="1" data-format="ttf" data-action="preview">ttf Font</a></li>
                    <li><a data-disabled="1" data-format="woff2" data-action="preview">woff2 Font</a></li>
                    <li><a data-disabled="1" data-format="woff" data-action="preview">woff Font</a></li>
                    <li><a data-disabled="1" data-format="svg" data-action="preview">svg Font(Only safari)</a></li>
                    <li><a data-disabled="1" data-format="eot" data-action="preview">eot Font(Only IE)</a></li>
                </ul>
            </div>
        </div>

        <div class="switch-lang">
            <a href="./index.html">中文</a> |
            <a href="./index-en.html">English</a>
        </div>
    </section>

    <section class="sidebar">
        <div class="project-btns action-groups">
            <button data-action="new" type="button" class="btn btn-flat btn-sm" title="new font"><i class="ico ico-left i-new"></i>New</button><button data-action="open" type="button" class="btn btn-flat btn-sm" title="Open ttf,woff,eot,otf format font file"><i class="ico ico-left i-open"></i>Open</button>
        </div>
        <div class="project">
            <div class="project-title">Project List</div>
            <div id="project-list" class="project-list"></div>
        </div>
    </section>

    <section class="main">
        <div id="glyf-list-spliter" class="spliter"></div>
        <ul id="glyf-list-commandmenu" class="command-groups"></ul>
        <div id="glyf-list-pager" class="pager"></div>
        <div id="glyf-list" class="glyf-list"></div>
    </section>

    <section class="editor">
        <ul id="editor-commandmenu" class="command-groups"></ul>
        <i class="ico i-leave close-editor" title="Click or press `F2` to close glyph editor"></i>
        <div id="glyf-editor" class="glyf-editor" oncontextMenu="return false"></div>
    </section>


    <div class="modal" id="model-dialog" tabindex="-1" role="dialog" aria-labelledby="model-label" aria-hidden="true" data-backdrop="false">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
            <h4 class="modal-title" id="model-label">Setting</h4>
          </div>
          <div class="modal-body"></div>
          <div class="modal-footer">
            <button type="button" class="btn btn-flat btn-sm" data-dismiss="modal">Cancel</button>
            <button type="button" class="btn btn-flat btn-sm btn-confirm">Confirm</button>
          </div>
        </div>
      </div>
    </div>


    <div id="selection-range" class="selection-range"></div>
    <div id="loading" class="loading"><span></span></div>


    <form id="font-form" style="width:0px;height:0px;overflow:hidden;"><input id="font-import" type="file" multiple="multiple"></form>
    <iframe id="sync-frame" name="sync-frame" width="0" height="0" frameborder="0" style="display:none;"></iframe>
    <script src="./dep/jquery.min.js"></script>
    <script src="./dep/jqColorPicker.min.js"></script>
    <script src="./dep/bootstrap/js/bootstrap.min.js"></script>
    <script src="./dep/hidpi-canvas.js"></script>
    <script>
        window.language = 'en-us';
    </script>

    <script>
    var _hmt = _hmt || [];
    /baidu.com$/.test(location.hostname) && (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?65ce30cdeda584c416e39648915689f7";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
<script type="text/javascript" src="js/index-6c775ed3.js"></script></body>
</html>
